/**
 * Created by Jacky.Gao on 2017-02-07.
 */
import {
  alert
} from '../MsgBox.js';
import {
  setDirty
} from '../Utils.js';
export default class ShortcutKeysToolDialog {
  constructor() {

  }
  show() {
    layer.open({
      type: 1,
      // r表示right,b表示bottom
      offset: 'r',
      // 标题
      title: false, //不显示标题栏
      closeBtn: false,
      shadeClose: true,
      // anim 特效 0-平滑放大 1-从上掉落 2-从底部往上滑入 3-从左滑入 4-从左翻转 5-渐显 6-抖动
      anim: 'slideLeft',
      // 第一个参数宽度，第二个参数高度
      area: ['300px', '100%'],
      // 内容区 在body中写入<div id="draw">。。。。</div>代码，即弹窗内容
      content: `<ul class="nav nav-tabs">
            <li class="active"><a href="#__Windows" data-toggle="tab">Windows</a></li>
            <li><a href="#__Mac" data-toggle="tab">Mac</a></li></ul>
            <div class="tab-content">
              <div class="tab-pane active" id="__Windows">
                 <div class='shortcut_keys'>
                   <div class='shortcut_keys_left'>保存</div>
                   <div class='shortcut_keys_right'>Alt + J</div>
                  </div>
                <div class='shortcut_keys_segmentation'></div>
           <div class='shortcut_keys'>
              <div class='shortcut_keys_left'>撤销</div>
              <div class='shortcut_keys_right'>Ctrl + Z</div>
            </div>
            <div class='shortcut_keys'>
              <div class='shortcut_keys_left'>重做</div>
              <div class='shortcut_keys_right'>Ctrl + Y</div>
            </div>
            <div class='shortcut_keys_segmentation'></div>
            <div class='shortcut_keys'>
              <div class='shortcut_keys_left'>合并/拆分单元格</div>
              <div class='shortcut_keys_right'>Ctrl + M</div>
            </div>
            <div class='shortcut_keys'>
              <div class='shortcut_keys_left'>加粗</div>
              <div class='shortcut_keys_right'>Ctrl + B</div>
            </div>
            <div class='shortcut_keys'>
              <div class='shortcut_keys_left'>倾斜</div>
              <div class='shortcut_keys_right'>Ctrl + I</div>
            </div>
            <div class='shortcut_keys'>
              <div class='shortcut_keys_left'>下划线</div>
              <div class='shortcut_keys_right'>Ctrl + U</div>
            </div>
            <div class='shortcut_keys_segmentation'></div>
            <div class='shortcut_keys'>
              <div class='shortcut_keys_left'>斜线表头</div>
              <div class='shortcut_keys_right'>Ctrl + 1</div>
            </div>
            <div class='shortcut_keys'>
              <div class='shortcut_keys_left'>插入图片</div>
              <div class='shortcut_keys_right'>Alt + I</div>
            </div>
            <div class='shortcut_keys'>
              <div class='shortcut_keys_left'>导入Excel模版文件</div>
              <div class='shortcut_keys_right'>Alt + E</div>
            </div>
            <div class='shortcut_keys'>
              <div class='shortcut_keys_left'>设置</div>
              <div class='shortcut_keys_right'>Alt + O</div>
            </div>
            <div class='shortcut_keys'>
              <div class='shortcut_keys_left'>切换到查询表单设计器</div>
              <div class='shortcut_keys_right'>Alt + G</div>
            </div>
            <div class='shortcut_keys'>
              <div class='shortcut_keys_left'>预览</div>
              <div class='shortcut_keys_right'>Alt + P</div>
            </div>
            <div class='shortcut_keys_segmentation'></div>
          <div class='shortcut_keys'>
            <div class='shortcut_keys_left'>插入行（上）</div>
            <div class='shortcut_keys_right'>Alt + ↑</div>
          </div>
          <div class='shortcut_keys'>
            <div class='shortcut_keys_left'>插入行（下）</div>
            <div class='shortcut_keys_right'>Alt + ↓</div>
          </div>
          <div class='shortcut_keys'>
            <div class='shortcut_keys_left'>插入列（前）</div>
            <div class='shortcut_keys_right'>Alt + ←</div>
          </div>
          <div class='shortcut_keys'>
            <div class='shortcut_keys_left'>插入列（后）</div>
            <div class='shortcut_keys_right'>Alt + →</div>
          </div> 
          <div class='shortcut_keys_segmentation'></div>
          <div class='shortcut_keys'>
            <div class='shortcut_keys_left'>删除行</div>
            <div class='shortcut_keys_right'>Alt + R</div>
          </div>
          <div class='shortcut_keys'>
            <div class='shortcut_keys_left'>删除列</div>
            <div class='shortcut_keys_right'>Alt + C</div>
          </div>
          <div class='shortcut_keys_segmentation'></div>
          <div class='shortcut_keys'>
            <div class='shortcut_keys_left'>设置行高</div>
            <div class='shortcut_keys_right'>Alt + H</div>
          </div>
          <div class='shortcut_keys'>
            <div class='shortcut_keys_left'>设置列宽</div>
            <div class='shortcut_keys_right'>Alt + L</div>
          </div>
          <div class='shortcut_keys_segmentation'></div>
          <div class='shortcut_keys'>
            <div class='shortcut_keys_left'>标题行</div>
            <div class='shortcut_keys_right'>Alt + B</div>
          </div>
          <div class='shortcut_keys_segmentation'></div>
          <div class='shortcut_keys'>
            <div class='shortcut_keys_left'>重复表头</div>
            <div class='shortcut_keys_right'>Alt + T</div>
          </div>
          <div class='shortcut_keys'>
            <div class='shortcut_keys_left'>重复表尾</div>
            <div class='shortcut_keys_right'>Alt + W</div>
          </div>
          <div class='shortcut_keys_segmentation'></div>
          <div class='shortcut_keys'>
            <div class='shortcut_keys_left'>总结行</div>
            <div class='shortcut_keys_right'>Alt + Z</div>
          </div>
          <div class='shortcut_keys'>
            <div class='shortcut_keys_left'>取消行类型</div>
            <div class='shortcut_keys_right'>Alt + Q</div>
          </div>
          <div class='shortcut_keys_segmentation'></div>
          <div class='shortcut_keys'>
            <div class='shortcut_keys_left'>复制单元格样式</div>
            <div class='shortcut_keys_right'>Shift + C</div>
          </div>
          <div class='shortcut_keys'>
            <div class='shortcut_keys_left'>粘贴单元格样式</div>
            <div class='shortcut_keys_right'>Shift + V</div>
          </div>
          <div class='shortcut_keys_segmentation'></div>
          <div class='shortcut_keys'>
            <div class='shortcut_keys_left'>清空内容</div>
            <div class='shortcut_keys_right'>Ctrl + Del</div>
          </div>
          <div class='shortcut_keys'>
            <div class='shortcut_keys_left'>清空格式</div>
            <div class='shortcut_keys_right'>Alt + Del</div>
          </div>
          <div class='shortcut_keys'>
            <div class='shortcut_keys_left'>清空所有</div>
            <div class='shortcut_keys_right'>Shift + Del</div>
          </div>
        </div>
        <div class="tab-pane" id="__Mac">
        <div class='shortcut_keys'>
              <div class='shortcut_keys_left'>保存</div>
              <div class='shortcut_keys_right'>Alt + J</div>
            </div>
          <div class='shortcut_keys_segmentation'></div>
            <div class='shortcut_keys'>
              <div class='shortcut_keys_left'>撤销</div>
              <div class='shortcut_keys_right'>Control + Z</div>
            </div>
            <div class='shortcut_keys'>
              <div class='shortcut_keys_left'>重做</div>
              <div class='shortcut_keys_right'>Control + Y</div>
            </div>
            <div class='shortcut_keys_segmentation'></div>
            <div class='shortcut_keys'>
              <div class='shortcut_keys_left'>合并/拆分单元格</div>
              <div class='shortcut_keys_right'>Control + M</div>
            </div>
            <div class='shortcut_keys'>
              <div class='shortcut_keys_left'>加粗</div>
              <div class='shortcut_keys_right'>Control + B</div>
            </div>
            <div class='shortcut_keys'>
              <div class='shortcut_keys_left'>倾斜</div>
              <div class='shortcut_keys_right'>Control + I</div>
            </div>
            <div class='shortcut_keys'>
              <div class='shortcut_keys_left'>下划线</div>
              <div class='shortcut_keys_right'>Control + U</div>
            </div>
            <div class='shortcut_keys_segmentation'></div>
            <div class='shortcut_keys'>
              <div class='shortcut_keys_left'>斜线表头</div>
              <div class='shortcut_keys_right'>Control + 1</div>
            </div>
            <div class='shortcut_keys'>
              <div class='shortcut_keys_left'>插入图片</div>
              <div class='shortcut_keys_right'>Alt + I</div>
            </div>
            <div class='shortcut_keys'>
              <div class='shortcut_keys_left'>导入Excel模版文件</div>
              <div class='shortcut_keys_right'>Alt + E</div>
            </div>
            <div class='shortcut_keys'>
              <div class='shortcut_keys_left'>设置</div>
              <div class='shortcut_keys_right'>Alt + O</div>
            </div>
            <div class='shortcut_keys'>
              <div class='shortcut_keys_left'>切换到查询表单设计器</div>
              <div class='shortcut_keys_right'>Alt + G</div>
            </div>
            <div class='shortcut_keys'>
              <div class='shortcut_keys_left'>预览</div>
              <div class='shortcut_keys_right'>Alt + P</div>
            </div>
            <div class='shortcut_keys_segmentation'></div>
            
          <div class='shortcut_keys'>
            <div class='shortcut_keys_left'>插入行（上）</div>
            <div class='shortcut_keys_right'>Alt + ↑</div>
          </div>
          <div class='shortcut_keys'>
            <div class='shortcut_keys_left'>插入行（下）</div>
            <div class='shortcut_keys_right'>Alt + ↓</div>
          </div>
          <div class='shortcut_keys'>
            <div class='shortcut_keys_left'>插入列（前）</div>
            <div class='shortcut_keys_right'>Alt + ←</div>
          </div>
          <div class='shortcut_keys'>
            <div class='shortcut_keys_left'>插入列（后）</div>
            <div class='shortcut_keys_right'>Alt + →</div>
          </div> 
          <div class='shortcut_keys_segmentation'></div>
          <div class='shortcut_keys'>
            <div class='shortcut_keys_left'>删除行</div>
            <div class='shortcut_keys_right'>Alt + R</div>
          </div>
          <div class='shortcut_keys'>
            <div class='shortcut_keys_left'>删除列</div>
            <div>Alt + C</div>
          </div>
          <div class='shortcut_keys_segmentation'></div>
          <div class='shortcut_keys'>
            <div class='shortcut_keys_left'>设置行高</div>
            <div class='shortcut_keys_right'>Alt + H</div>
          </div>
          <div class='shortcut_keys'>
            <div class='shortcut_keys_left'>设置列宽</div>
            <div class='shortcut_keys_right'>Alt + L</div>
          </div>
          <div class='shortcut_keys_segmentation'></div>
          <div class='shortcut_keys'>
            <div class='shortcut_keys_left'>标题行</div>
            <div class='shortcut_keys_right'>Alt + B</div>
          </div>
          <div class='shortcut_keys_segmentation'></div>
          <div class='shortcut_keys'>
            <div class='shortcut_keys_left'>重复表头</div>
            <div class='shortcut_keys_right'>Alt + T</div>
          </div>
          <div class='shortcut_keys'>
            <div class='shortcut_keys_left'>重复表尾</div>
            <div class='shortcut_keys_right'>Alt + W</div>
          </div>
          <div class='shortcut_keys_segmentation'></div>
          <div class='shortcut_keys'>
            <div class='shortcut_keys_left'>总结行</div>
            <div class='shortcut_keys_right'>Alt + Z</div>
          </div>
          <div class='shortcut_keys'>
            <div class='shortcut_keys_left'>取消行类型</div>
            <div class='shortcut_keys_right'>Alt + Q</div>
          </div>
          <div class='shortcut_keys_segmentation'></div>
          <div class='shortcut_keys'>
            <div class='shortcut_keys_left'>复制单元格样式</div>
            <div class='shortcut_keys_right'>Shift + C</div>
          </div>
          <div class='shortcut_keys'>
            <div class='shortcut_keys_left'>粘贴单元格样式</div>
            <div class='shortcut_keys_right'>Shift + V</div>
          </div>
          <div class='shortcut_keys_segmentation'></div>
          <div class='shortcut_keys'>
            <div class='shortcut_keys_left'>清空内容</div>
            <div class='shortcut_keys_right'>Control + Del</div>
          </div>
          <div class='shortcut_keys'>
            <div class='shortcut_keys_left'>清空格式</div>
            <div class='shortcut_keys_right'>Alt + Del</div>
          </div>
          <div class='shortcut_keys'>
            <div class='shortcut_keys_left'>清空所有</div>
            <div class='shortcut_keys_right'>Shift + Del</div>
          </div>
        </div>
        </div>`
    })
  }
}
